// 公共样式和方法
@import './handle.scss';
@mixin w-h-cover() {
  width: 100%;
  height: 100%;
}

@mixin position-center() {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  margin: auto;
}

// 绝对定位左上角
@mixin position-leftTop($left: 0, $top: 0) {
  position: absolute;
  top: $top;
  left: $left;
}
// 绝对定位右上角
@mixin position-rightTop($right: 0, $top: 0) {
  position: absolute;
  top: $top;
  right: $right;
}
@mixin flex-between() {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@mixin flex-row() {
  display: flex;
  flex-direction: row;
}
@mixin flex-column() {
  display: flex;
  flex-direction: column;
}
@mixin flex-center() {
  display: flex;
  justify-content: center;
  align-items: center;
}

@mixin text-ellipsis() {
  // 文字溢出隐藏
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
@mixin text-ellipsis-line($line: 4) {
  // 文字溢出隐藏
  text-overflow: ellipsis;
  white-space: normal;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: $line;
}
// 数据菜单
@mixin data_three() {
  p {
    margin-top: 0px;
    margin-bottom: 0px;
    .triangle {
      display: inline-block;
      width: 0px;
      height: 0px;
      line-height: 0px;
      border-width: 6px 6px 0;
      border-style: solid dashed dashed dashed;
      border-left-color: transparent;
      border-right-color: transparent;
      @include themeify {
        border-top-color: themed('common_cl');
      }
      &.to-bottom {
        transform: rotate(0deg);
        transition-duration: 1s;
      }
      &.to-right {
        transform: rotate(-90deg);
        transition-duration: 1s;
      }
      &.blank {
        opacity: 0;
      }
    }
    .expand-folder {
      // color: #1890ff;
      margin-right: 5px;
      @include themeify {
        color: themed('content_cl');
      }
    }
    .default-folder {
      margin-right: 5px;
      @include themeify {
        color: themed('common_cl');
      }
    }
    .epart-node {
      padding: 3px 20px 3px 5px;
      display: inline-block;
      &:hover {
        cursor: pointer;
        background-color: #1890ff38;
      }
    }
  }
}
@mixin scrollbar($width: 8px, $height: 10px) {
  // 滚动条宽度
  ::-webkit-scrollbar {
    width: $width;
    height: $height;
  }
}
// 定位标题
@mixin sticky_title($bg: #fff, $bcolor: #f8f8f8, $scolor: #1890ff, $position: sticky) {
  height: 30px;
  width: 100%;
  border-bottom: 1px solid $bcolor;
  letter-spacing: 5px;
  position: $position;
  background: $bg;
  top: 0px;
  z-index: 12;
  margin-bottom: 10px;
  span {
    display: inline-block;
    line-height: 31px;
    height: 31px;
    padding: 0px 15px;
    border-bottom: 2px solid $scolor;
  }
}
